<template>
 <div class='goods-image'>
  <div class="large" v-show="isShow" :style="[{backgroundImage:`url(${imgUrl})`},bgPosition]"></div>
           </div>
</template>

<script>
export default {
  name: 'fangdaimg',
  props: {
    imgs: {
      type: String,
      default: null
    }
  }
}
</script>

<style lang="less">
  .imgss{
 width: 400px;
    height: 400px;
    overflow: hidden;
img {

      width: 400%;
      height: 400%;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    background-repeat: no-repeat;
    background-size: 800px 800px;
    background-color: #f8f8f8;
    }
    }

.large {
      z-index: 500;
  position: absolute;
  top: 0;
  left: 412px;
  width: 400px;
  height: 400px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  background-repeat: no-repeat;
  background-size: 800px 800px;
  background-color: #f8f8f8;
}
</style>
